<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/include/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>插件使用示例</title>
<d:script id="jquery,om-ui" />
<d:script path="/static/om-ui/operamasks-ui-plugin.js" />
<d:css id="om-ui" />

<script type="text/javascript">
	$(document).ready(function() {
		initUI();
	});
</script>
<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
</style>
</head>
<body>
	<div id="menuSimple" class="ui-menu" maxWidth="200" minWidth="150" container="#btn,.menuSimple-Container" popup="#contextMenuDiv">
       <div class="ui-menu-model">
       		<span id="item1" label="节点1" url="buttonbar.jsp" icon="${ctx }/static/icons/help.png" seperator="true"></span>
       		<span id="item2" label="节点2">
       			<span id="item2_1" label="节点2_1"seperator="true"></span>
       			<span id="item2_2" label="节点2_2"></span>
       			<span id="item2_3" label="节点2_3"></span>
       			<span id="item2_4" label="节点2_4"></span>
       		</span>
       		<span id="item2" label="节点3"></span>
       </div>
    </div>
	<div id="menuPopup" class="ui-menu" maxWidth="200" minWidth="150" popup="#contextMenuDiv">
       <div class="ui-menu-model">
       		<span id="item1" label="节点11" url="buttonbar.jsp" icon="${ctx }/static/icons/help.png" seperator="true"></span>
       		<span id="item2" label="节点22">
       			<span id="item2_1" label="节点2_1"seperator="true"></span>
       			<span id="item2_2" label="节点2_2"></span>
       			<span id="item2_3" label="节点2_3"></span>
       			<span id="item2_4" label="节点2_4"></span>
       		</span>
       		<span id="item2" label="节点33"></span>
       </div>
    </div>
    <button id="btn" class="ui-button" label="鼠标划过即会出现菜单">
    </button>
    <button id="btn2" class="ui-button menuSimple-Container" label="同样的在鼠标划过时出现菜单">
    </button>
    
    <div id="contextMenuDiv" style="border: 1px solid red; width: 200px;height: 150px;">这里点击右键</div>



</body>
</html>